<template>
  <div class="lineContainer">
    <div class="box">
     
      </div>
    <el-table
      :data="tableData">
      <el-table-column
        prop="id"
        label="顺序"
       >
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="tel"
        label="手机">
      </el-table-column>
      <el-table-column
        prop="consum"
        label="消费金额">
      </el-table-column>
      <el-table-column
        prop="level"
        label="会员等级">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
 data() {
        return {
          tableData: [{
            id:'1',
            name: '菲菲',
            tel: '18854138769',
            consum:'2366.00',
            level:'3'
          }, {
            id:'2',
            name: '菲菲',
            tel: '18854138769',
            consum:'2366.00',
            level:'3'
          }, {
            id:'3',
            name: '菲菲',
            tel: '18854138769',
            consum:'2366.00',
            level:'3'
          }, {
            id:'4',
            name: '菲菲',
            tel: '18854138769',
            consum:'2366.00',
            level:'3'
          },{
            id:'5',
            name: '菲菲',
            tel: '18854138769',
            consum:'2366.00',
            level:'3'
          },{
            id:'6',
            name: '菲菲',
            tel: '18854138769',
            consum:'2366.00',
            level:'3'
          }]
        }
      }
}
</script>

<style lang='less' scoped>
/deep/.lineContainer{
  margin-left:20px;
  
}
/deep/.box{
  width:600px; height:64px;
}
/deep/.el-table{
    width: 600px;
    height: 350px;
}
/deep/.el-table thead{color: #000;font-size: 16px;font-weight: bold; padding-top: 60px !important;}
/deep/.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {
    border-bottom:0}
</style>